<!DOCTYPE HTML>
<html lang="en">
<head>
	<title>Wedding Bells</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8">
	
	
	<!-- Font -->
	
	<link href="https://fonts.googleapis.com/css?family=Playball%7CBitter" rel="stylesheet">
	
	<!-- Stylesheets -->
	
	<link href="common-css/bootstrap.css" rel="stylesheet">
	
	<link href="common-css/fluidbox.min.css" rel="stylesheet">
	
	<link href="common-css/font-icon.css" rel="stylesheet">
	
	<link href="01-homepage/css/styles.css" rel="stylesheet">
	
	<link href="01-homepage/css/responsive.css" rel="stylesheet">
	
</head>
<body>
	
	<header>
		
		<div class="container">
		
			<a class="logo" href="#"><img src="images/logo-white.png" alt="Logo"></a>
			
			<div class="menu-nav-icon" data-nav-menu="#main-menu"><i class="icon icon-bars"></i></div>
			
			<ul class="main-menu visible-on-click" id="main-menu">
				<li><a href="index.html">HOME</a></li>
				<li><a href="#our_story">OUR STORY</a></li>
				<li><a href="#timeline">TIMELINE</a></li>
				<li><a href="#contact_us">VENUE &amp; CONTACT</a></li>
			</ul><!-- main-menu -->
			
		</div><!-- container -->
	</header>
	
	
	<div class="main-slider">
		<div class="display-table center-text">
			<div class="display-table-cell">
				<div class="slider-content">
				
					<i class="small-icon icon icon-tie"></i>
					<br><br><br>
					<h3 class="pre-title">You are cordially invited to the wedding of</h3>
					<br><br>
					<h1 class="title">Srijita <i class="icon icon-heart"></i> Sailik</h1>
					<br><br>
					<h5 class="date">11th and 13th December 2019</h5>
					
				</div><!-- slider-content-->
			</div><!--display-table-cell-->
		</div><!-- display-table-->
	</div><!-- main-slider -->
	
	
	<section class="section story-area center-text" id='our_story'>
		<div class="container">
			<div class="row">
				<div class="col-sm-1"></div>
				<div class="col-sm-10">
					
					<div class="heading">
						<h2 class="title">Our Story</h2>
						<span class="heading-bottom"><i class="icon icon-star"></i></span>
					</div>

					<p class="desc margin-bottom text-justify">
						Once upon a time, we met on the campus of Jadavpur University in the city of joy. It all started with a simple text message-- to meet at the campus bookstore on the 8th of December, 2010. Over a couple of years, friendship quickly snowballed into on-campus walks, endless discussions, adjusting schedules to leave campus together, exploring eateries around the city and eventually, what (we guess) people call love. Our journey has found its path through the beautiful valleys of each-other’s laughter, the challenging mountains of loud arguments, and across the seven seas of long-distance. Finally, we choose to tie the knot this year.
						<br><br>

						We believe that wedding is an event where each of us gets to introduce the characters of one’s stories to the other, to recollect the old memories with these characters, and celebrate the occasion with people we (still) consider family or friends.
						<br><br>

						We will be honored if you grace our wedding with your presence.
					</p>
					
				</div><!-- col-sm-10 -->
			</div><!-- row -->
		</div><!-- container -->
	</section><!-- section -->
	
	<section class="section counter-area center-text">
		<div class="container">
			<div class="row">
			
				<div class="col-sm-12">
					<div class="heading">
						<h2 class="title">Don't miss it!</h2>
						<span class="heading-bottom"><i class="color-white icon icon-star"></i></span>
					</div>
				</div>
				
				<div class="col-sm-2"></div>
				<div class="col-sm-4">
					<h4 class="title">Wedding</h2>
					<br><br>
					<div class="remaining-time">
						<div id="clock_wedding">
						</div>
					</div><!-- remaining-time -->
				</div><!-- col-sm-10 -->

				<div class="col-sm-4">
					<h4 class="title">Reception</h2>
					<br><br>
					<div class="remaining-time">
						<div id="clock_reception">
						</div>
					</div><!-- remaining-time -->
				</div><!-- col-sm-10 -->
				
			</div><!-- row -->
		</div><!-- container -->
	</section><!-- section -->
	
	<section class="section w-details-area center-text" id='timeline'>
		<div class="container">
			<div class="row">
				<div class="col-sm-1"></div>
				<div class="col-sm-10">
					
					<div class="heading">
						<h2 class="title">Be a part of our Timeline</h2>
						<span class="heading-bottom"><i class="icon icon-star"></i></span>
					</div>
					
					<div class="wedding-details margin-bottom">
						
						<div class="w-detail right">
							<i class="icon icon-ciurclke"></i>
							<h4 class="title">WEDDING</h4>
							<p>Join us this December!</p>
							<br><br>
						</div><!-- w-detail -->
						
						<div class="w-detail left">
							<img src="images/19.jpeg" alt="2019" width="42">
							<h5 class="title">San Fransisco, 2019</h5>
							<p>Twinning in front of the Golden Gate Bridge.</p>
							<br>
						</div><!-- w-detail -->
						
						<div class="w-detail right">
							<img src="images/19.jpg" alt="2019" width="42">
							<h5 class="title">Tempe, 2019</h5>
							<p>Sporting traditional attire on <i>Poila Boishak</i> (Bengali New Year).</p>
							<br>
						</div><!-- w-detail -->
						
						<div class="w-detail left">
							<img src="images/18.jpg" alt="2018" width="42">
							<h5 class="title">Kolkata, 2018</h5>
							<p>Stealing a moment amidst family occasions.</p>
							<br>
						</div><!-- w-detail -->
						
						<div class="w-detail right">
							<img src="images/17.jpg" alt="2017" width="42">
							<h5 class="title">Mandarmoni, 2017</h5>
							<p>Visiting the sea together.</p>
							<br>
						</div><!-- w-detail -->
						
						<div class="w-detail left">
							<img src="images/eng.jpg" alt="2016" width="42">
							<h5 class="title">Krishnagar, 2017</h5>
							<p>Getting Engaged.</p>
							<br>
						</div><!-- w-detail -->
						
						<div class="w-detail right">
							<img src="images/16.jpg" alt="2016" width="42">
							<h5 class="title">Kolkata, 2016</h5>
							<p>Getting ready to visit Nahoum, a must-visit Jewish bakery, before Christmas.</p>
							<br>
						</div><!-- w-detail -->

						<div class="w-detail left">
							<img src="images/15.jpg" alt="2015" width="42">
							<h5 class="title">Bangalore, 2015</h5>
							<p>Partying late into the night.</p>
							<br>
						</div><!-- w-detail -->

						<div class="w-detail right">
							<img src="images/14.jpg" alt="2014" width="42">
							<h5 class="title">Ooty, 2014</h5>
							<p>Visiting the mountains together.</p>
							<br>
						</div><!-- w-detail -->
						
						<div class="w-detail left">
							<img src="images/13.jpg" alt="2013" width="42">
							<h5 class="title">Kolkata, 2013</h5>
							<p>Enjoying rooftop <i>addas</i>.</p>
							<br>
						</div><!-- w-detail -->

						<div class="w-detail right">
							<img src="images/12.jpg" alt="2012" width="42">
							<h5 class="title">Kolkata, 2012</h5>
							<p>Good old (college) days.</p>
							<br>
						</div><!-- w-detail -->

					</div><!-- wedding-details -->
					
				</div><!-- col-sm-10 -->
			</div><!-- row -->
		</div><!-- container -->
	</section><!-- section -->
	
		<section class="section story-area center-text" id='contact_us'>

		<div class="container">
			<div class="row">
				
				<div class="col-sm-12">	
					<div class="heading">
						<h2 class="title">Venue &amp; Contact</h2>
						<span class="heading-bottom"><i class="icon icon-star"></i></span>
					</div>
				</div>
			
				<div class="col-sm-1"></div>
				<div class="col-sm-5">
					<h4 class="title">Wedding</h2>
					<br>
					<p>River View, Krishnagar<p>
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3661.209144018648!2d88.49123061545127!3d23.416810984754864!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f92031557d57eb%3A0xead0cd169ccb0a36!2sRiver%20View%20Lodge!5e0!3m2!1sen!2sus!4v1571221867505!5m2!1sen!2sus" width="80%" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
				</div><!-- col-sm-10 -->

				<div class="col-sm-5">
					<h4 class="title">Reception</h2>
					<br>
					<p>Aayojan Banquets, Kolkata<p>
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.710449651219!2d88.40664751543899!3d22.589930385173822!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0275e70af3ee05%3A0xd3b6aa026c5a40ea!2sAayojan%20Banquet!5e0!3m2!1sen!2sus!4v1571221945359!5m2!1sen!2sus" width="80%" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
				</div><!-- col-sm-10 -->

				<div class='col-sm-12'>
					<div class="ceremony margin-bottom">
						<p class="desc">
							Shoot us an email or text/call us for any details.
							<h4>
								<a href = "mailto: srijita4you@gmail.com">srijita4you {at} gmail</a>
								&nbsp;&middot;&nbsp;
								<a href = "mailto: link2sailik@gmail.com">link2sailik {at} gmail</a>
							</h4>
							<h4>
                                <a href="tel:+91 90835 72408" class="phone">(+91) 90835 72408</a>
                                &nbsp;&middot;&nbsp;
								<a href="tel:+1 480-547-1842" class="phone">(+1) 480 547 1842 </a>
							</h4>
						</p>
					</div>
				</div><!-- col-sm-10 -->
			</div><!-- row -->
		</div><!-- container -->
	</section><!-- section -->
	
	<footer>
		<div class="container center-text">

			<ul class="footer-links">
				<li><a href="index.html">HOME</a></li>
				<li><a href="#our_story">OUR STORY</a></li>
				<li><a href="#timeline">TIMELINE</a></li>
				<li><a href="#contact_us">VENUE &amp; CONTACT</a></li>
			</ul>
			
			<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
			
		</div><!-- container -->
	</footer>
	
	
	<!-- SCIPTS -->
	
	<script src="common-js/jquery-3.1.1.min.js"></script>
	
	<script src="common-js/tether.min.js"></script>
	
	<script src="common-js/bootstrap.js"></script>
	
	<script src="common-js/jquery.countdown.min.js"></script>
	
	<script src="common-js/jquery.fluidbox.min.js"></script>
	
	
	<script src="common-js/scripts.js"></script>
	
</body>
</html>
